<div class="bjui-pageContent">
    <form action="{:U(ACTION_NAME)}" class="pageForm" data-toggle="validate" data-reload-navtab="true">
        <input type="hidden" name="id" value="{$info.id}" />
        <h4>权限分配 你正在为用户组 <b>{$info.title}</b> 分配权限</h4>
        <table class="table table-condensed table-hover" width="100%">
            <volist name="nodeList" id="level1">
                <tr>
                    <td style="font-size: 14px; color:red;">
                        <input name="data[]" id="{$level1.id}" level="1" type="checkbox" obj="node_{$level1.id}" value="{$level1.id}" data-toggle="icheck" data-label="[系统{$key+1}] {$level1.title}" <?php if(strstr($info['rules'],$level1['id']) != false){echo 'checked';}?> />
                    </td>
                </tr>
                <volist name="level1['data']" id="level2">
                    <tr>
                        <td style="padding-left: 30px; font-size: 14px; color:#BF3EFF">
                            <input name="data[]" id="{$level2.id}" level="2" type="checkbox" obj="node_{$level1.id}_{$level2.id}" value="{$level2.id}" data-toggle="icheck" data-label="[模块{$key+1}] {$level2.title}" <?php if(strstr($info['rules'],$level2['id']) != false){echo 'checked';}?> />
                        </td>
                    </tr>
                    <tr>
                        <td style="padding-left: 60px;">
                            <volist name="level2['data']" id="level3">
                                <input name="data[]" id="{$level3.id}" level="3" type="checkbox" obj="node_{$level1.id}_{$level2.id}_{$level3.id}" value="{$level3.id}" data-toggle="icheck" data-label="{$level3.title}" <?php if(strstr($info['rules'],$level3['id']) != false){echo 'checked';}?> />&nbsp;&nbsp;&nbsp;&nbsp;
                            </volist>
                        </td>
                    </tr>
                </volist>
            </volist>
        </table>
    </form>
</div>

<div class="bjui-pageFooter">
    <ul>
        <li><button type="button" class="btn-close" data-icon="close">关闭</button></li>
        <li><button type="submit" class="btn-default" data-icon="save">保存</button></li>
        <li><button type="button" class="btn-default reset" data-icon="reply">重置</button></li>
        <li><button type="button" class="btn-default empty" data-icon="refresh">清空</button></li>
    </ul>
</div>

<script type="text/javascript">
    //初始化数据
    function setAccess() {
        //清空所有已选中的
        $("input[type='checkbox']").iCheck('uncheck');
        //数据格式：
        //节点ID：node_id；1，项目；2，模块；3，操作
        //节点级别：level；
        //父级节点ID：pid
        var access = $.parseJSON('{$info.access}');
        var access_length = access.length;
        if (access_length > 0) {
            for (var i = 0; i < access_length; i++) {
                $("input[type='checkbox'][value='" + access[i] + "']").iCheck('check');
            }
        }
    }

    $(function() {
        //执行初始化数据操作
        //setAccess();
        //为项目时候全选本项目所有操作
        $("input[level='1']").on('ifClicked', function(event){
            var obj = $(this).attr("obj") + "_";
            if (!$(this).prop('checked')) {
                $("input[obj^='" + obj + "']").iCheck('check');
            } else {
                $("input[obj^='" + obj + "']").iCheck('uncheck');
            }
        });
        //为模块时候全选本模块所有操作


        $("input[level='2']").on('ifClicked', function(event){
            var obj = $(this).attr("obj") + "_";
            //$("input[obj^='" + obj + "']").prop("checked", $(this).prop("checked"));
            if (!$(this).prop('checked')) {
                $("input[obj^='" + obj + "']").iCheck('check');
            } else {
                $("input[obj^='" + obj + "']").iCheck('uncheck');
            }
            //分隔obj为数组
            var tem = obj.split("_");
            //将当前模块父级选中
            if (!$(this).prop('checked')) {
                $("input[obj='node_" + tem[1] + "']").iCheck('check');
            }
        });


        //为操作时只要有勾选就选中所属模块和所属项目
        $("input[level='3']").on('ifClicked', function(event){
            var tem = $(this).attr("obj").split("_");
            if (!$(this).prop('checked')) {
                //所属项目
                $("input[obj='node_" + tem[1] + "']").iCheck('check');
                //所属模块
                $("input[obj='node_" + tem[1] + "_" + tem[2] + "']").iCheck('check');
            }
        });

        //重置初始状态，勾选错误时恢复
        $(".reset").click(function() {
            setAccess();
        });

        //清空当前已经选中的
        $(".empty").click(function() {
            $("input[type='checkbox']").iCheck('uncheck');
        });

        $(".submit").click(function() {
            ajaxSubmit();
        });

    });
</script>